經過 day4 的說明，我們知道 react 中有兩種 component
要讓 component 彼此間互相互動，共同使用一些資料，則要借助 props & state 的力量

什麼是 props

為 properties 的簡寫，作用是在 component 之間傳遞資料，在 react 中資料流的模式為單向傳輸（unidirectional），由父元件（parent component）傳向子元件（child component）
與 state 相反的是，props 為 read-only 的值，意味著 child component 從 parent component 收到的 props 值不能被改變

props 的值可以是各種型態的東西，如 number / array / object / boolean value / string ..等等
另外要注意的是，如果傳入非 string 類別的值則要用 {} 包起來

什麼是 state

state 是 react 中另一種管理 data 的方式，相對於 props 為 read-only 的特性，state 則可以在 component 內被改動及建立(create & manage internally )，但跟 props 不同的地方是，元件不能將 state 傳遞到其他元件中(components can not pass data with state)

props 跟 state 的差異

明天接續來說明 props 怎麼被傳遞，以及為元件設置 props 的預設值

參考資料

https://www.freecodecamp.org/news/react-js-for-beginners-props-state-explained/
https://www.freecodecamp.org/news/beginners-guide-to-props-in-react/